<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- <link rel="stylesheet" href="./bootstrap/css/bootstrap.min.css"> -->
    <link rel="stylesheet" href="../css/register.css">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../libs/font/iconfont.css">
</head>

<body>
    <div class="nav">
        <div class="container">
            <img src="../img/other/loginLogo.svg" alt="">
            华为商城
        </div>
    </div>
    <main>
        <div class="container">
            <div class="column">
                <span class="iconfont icon-tel">手机号注册</span>
                <span class="iconfont icon-xinfeng">邮箱地址注册</span>
            </div>
            <div class="form">
                <h1>华为账号注册</h1>
                <p>已有账号？<a href="./login.html">去登录 ></a></p>
                <form>
                    <div class="form-group">
                        <!-- <label for="recipient-name" class="control-label">手机号：</label> -->
                        <input type="text" class="form-control" id="recipient-phone" placeholder="请输入手机号">
                        <span class="phone_span des"></span>
                    </div>
                    <div class="form-group">
                        <!-- <label for="recipient-name" class="control-label">用户名：</label> -->
                        <input type="text" class="form-control" id="recipient-name" placeholder="请输入用户名">
                        <span class="user_span des"></span>
                    </div>
                    <div class="form-group">
                        <!-- <label for="message-text" class="control-label">密码：</label> -->
                        <input type="password" class="form-control" id="message-password" placeholder="请输入密码"></input>
                        <span class="password_span des"></span>
                    </div>
                    <div class="form-group">
                        <!-- <label for="message-text" class="control-label">确认密码：</label> -->
                        <input type="password" class="form-control" id="message-checkpassword" placeholder="再次确认密码"></input>
                        <span class="checkpassword_span des"></span>
                    </div>
                    <label><input type="checkbox" class="agreeBtn">我同意协议</label>
                </form>
                <button type="button" class="btn btn-primary register">注册</button>

            </div>
        </div>
    </main>
    <!-- 底部 -->
    <footer>
        <p>华为账号用户协议 | 关于华为账号与隐私的声明 | 常见问题 | Cookies</p>
        <p>华为账号 | 版权所有 &copy; 2011-2022</p>
    </footer>


    <script src="../libs/require.js" data-main="../js/register"></script>
</body>

</html>